<template>
  <view>
    <view class="shr">
      <view>
        <text>收货人</text>
      </view>
      <view>
        <input type="text" placeholder="收货人手机号">
      </view>
    </view>
    <view class="shr">
      <view>
        <text>手机号码</text>
      </view>
      <view>
        <input type="text" placeholder="收货人手机号">
      </view>
    </view>
    <view class="shr">
      <view>
        <text>收货地址</text>
      </view>
      <view>
        <input type="text" placeholder="小区/写字楼以及楼号/单元">
      </view>
    </view>
    <navigateTo url="../user/user">
      <view id="button">
      <button>保存收货地址</button>
      </view>
    </navigateTo>
  </view>
</template>

<script>
export default {

}
</script>

<style scoped>
.shr{
  width: 100%;
  height: 4rem;
  display: flex;
  border-bottom: 1px solid gainsboro;
  align-items:center;
}
.shr view{
  padding: 0 1rem;
}
#button{
    padding: 1rem
  }
  #button button{
    width: 80%;
    background-color: forestgreen;
    text-align: center;
    color: white;
    border-radius: 2rem
  }
</style>
